<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <button type="button" id="btn">测试GET远程调用</button>
    <button type="button" id="POST">测试POST远程调用</button>
</head>
<body>
<script>
    onload=()=>{
        //创建AJAX核心对象，该对象负责与服务器进行通信
        let xhr=new XMLHttpRequest();
        //挂载监听事件：该事件在请求状态码发生改变时触发，必须写于xhr.open（）之前
        xhr.onreadystatechange=()=>{
            if (xhr.readyState===4&&xhr.status===200){
                //获取响应数据
                console.log(xhr.responseText);
            }
        }
        //测试用AJAX发送GET请求
        document.querySelector('#POST').onclick=()=>{
            //建立异步通道：请求类型，请求地址，是否异步
            xhr.open('POST','../script/ajax/data.json',true);
            //
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
            //发送请求
            xhr.send('a=1&b=2');
        }
    }

</script>
</body>
</html>